<!-- <table>
    <col width=""></col>
</table> -->
<div id = "form-content"  class="frmcontent">
	<div id = "left-silebar">
		<div class = "search-tree">
			<input type="hidden" id="idNode" name="idNode" value="" />
			<input type="hidden" id="nameNode" name="nameNode" value="" />
			<input type="text" value="" autocomplete="off" class="textbox" id = "searchNodes" name = "searchNodes">
			<input type = "button" class = "link-button clsearch" load="true" id = "searchNode">

            <input type="button" id="refreshTree" value="Tải lại" style="display:none;" />
		</div>
		<div id="jsTree" class="jsTree"></div>
	</div>
    <div id="right_sileBar"></div>
</div>
<!-- Modal chon phong ban -->
<div id ="dialog-dep" title = "Chọn phòng ban" class="dlpopup viewdep" loaded="0" style="display:none;">
    <a href="#" class="close sprited" id="close_x">close</a>
    <h1 class="" id="">Chọn Phòng Ban</h1>
    <div id="treeDialog" style="margin-top:15px;border-radius: 5px;background-color: #fff;"></div>
</div>
<script type="text/javascript">
  	var myUser = new System_Admin_User({module: 'system', controller: 'user'});
  	// myUser.initallTree();
  	myUser.objTree = new Tree(this,$('#Code'), $('#Name'), 'system','user');
    myUser._eIndex();
    $('#try-1').unbind('click').click(function(e) {
        $('#sign_up').lightbox_me({
            centered: true, 
            onLoad: function() { 
                $('#sign_up').find('input:first').focus()
                }
            });
        e.preventDefault();
    });
</script>
<style>
div#right_sileBar{
	width: 75%;
	display: inline-block;
	float:right;	
}
#searchNodes{
    width: 85%;   
    border: none;
    border: 1px solid #DDDDDD;
}
#searchNodes:focus { box-shadow:none; }
.textbox {
    padding: 1px 0;
    border: 1px solid #DDDDDD;
    font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
}
#searchNode{
        background: url("../../../public/images/search-icon.png") no-repeat scroll center center transparent;    
        width: 24px;
        height: 24px;     
        position: absolute;
        right: 15px;
        width: 24px;
        cursor: pointer;
        border: none;
        display: inline-block;
        top: 2px;
    }
.normal_image {
	vertical-align: top;
	border-left: medium none;
	cursor: pointer;
	border-bottom: medium none;
}
div#left-silebar{   
    float:left;
    width:250px;    
    position: fixed !important;
    border-top: 0px solid #DDDDDD;
    overflow: auto;
    width: 22%;
    display: inline-block;
}


</style>